import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// Element-UI自动按需引用
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

import path from "path"
//自定义SVG图标
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'

// https://vitejs.dev/config/
export default defineConfig({
	plugins: [
		vue(),
		AutoImport({
			resolvers: [ElementPlusResolver()],
		}),
		Components({
			resolvers: [ElementPlusResolver()],
		}),
		createSvgIconsPlugin({
			// 指定要缓存的图标文件夹（将所有svg都放在一个文件夹下）
			iconDirs: [path.resolve(process.cwd(), 'src/icons')],
			// 执行icon name的格式（dir代表文件夹名称，name代表icon名称）
			symbolId: 'icon-[dir]-[name]'
		}),
	],
	server: {
		port: 5177, // 指定端口号（可选）
		proxy: {
			'/dev-api': {
				target: 'http://ai.hzlsc.cn',
				changeOrigin: true,
				rewrite: (path) => path.replace(/^\/dev-api/, ''),
				// 如果需要携带cookie
				// headers: {
				//   Cookie: 'your-cookie-here'
				// }
			}
		}
	},
	resolve: {
		alias: {
			'@': fileURLToPath(new URL('./src', import.meta.url))
		}
	}
})